<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>传送门</title>
	<!-- import CSS -->
	<link rel="stylesheet" href="index.css">
	<link rel="shortcut icon" href="home.png" type="image/x-icon" />
	<style>
		body {
			margin: 0px;
			padding: 0px;
		}
		
		a {
			text-decoration: none
		}
		
		#app {}
		
		.top {
			width: 100%;
			height: 40px;
			text-align: center;
			background-color: #409EFF;
			color: #fff;
			line-height: 40px;
		}
		
		.content {
			width: 800px;
			margin: 0px auto;
		}
	</style>
</head>

<body>
	<div id="app">
		<div class="top">地址中心</div>
		<div class="content">
			<el-tabs v-model="activeName" @tab-click="handleClick">
				<el-tab-pane :label="item.name" :name="i" v-for="(item, i) in tabs">

					<el-table ref="singleTable" :data="item.list" highlight-current-row stripe style="width: 100%">
						<el-table-column type="index">
						</el-table-column>
						<el-table-column property="name" label="服务">
						</el-table-column>
						<el-table-column label="环境">
							<template slot-scope="scope">
								<el-tag :type='scope.row.envStyle'>{{scope.row.env}}</el-tag>
							</template>
						</el-table-column>
						<el-table-column property="url" label="地址" width="300">
							<template slot-scope="scope">
								<el-link type="info">
									<a target="_blank" :href=scope.row.url>{{scope.row.url}}</a>
								</el-link>
							</template>
						</el-table-column>
						<el-table-column property="container" label="容器" width="200">


							<template slot-scope="scope">
								<el-tag type='warning'>{{scope.row.container}}</el-tag>
							</template>


						</el-table-column>
					</el-table>


				</el-tab-pane>
			</el-tabs>

		</div>

	</div>
</body>
<!-- import Vue before Element -->
<script src="vue.min.js"></script>
<!-- import JavaScript -->
<script src="index.js"></script>
<script>
	new Vue({
    el: '#app',
    data: function() {
      return {
        activeName: '0',
        tabs: [
		{
          name: '省级平台',
          list: [
		  {
            name: '5A门户',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://175.170.156.30:31000',
            container: '无'
          },
		  {
            name: '省级监测平台',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://175.170.156.30:38001/login?username=a7babb3d1b184d0f&password=$2a$10$oAM2m.1nRNQQ8',
            container: 'jky_sjjcpt_ui_prod'
          },
		  {
            name: '省级监测平台（5A）',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://175.170.156.30:38001',
            container: 'jky_sjjcpt_ui_prod'
          },
          {
            name: '大屏可视化',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://175.170.156.30:38002',
            container: 'jky_sjfxpt_ui_prod'
          },
		  {
            name: '数据中心',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://175.170.156.30:38003',
            container: 'jky_sjzxglpt_ui_prod'
          },
          {
            name: 'RabbitMQ',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://172.100.101.184:38204',
            container: 'jky_rabbitMq_prod'
          },
		  {
            name: 'Kafka',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://172.100.101.190:8048',
            container: '无'
          },
		  {
            name: '省级监测平台',
            env: '测试环境',
            envStyle: '',
			url: 'http://172.100.101.188:38011/login?username=a7babb3d1b184d0f&password=$2a$10$oAM2m.1nRN',
            container: 'jky_sjjcpt_ui_test'
          },
		  {
            name: '大屏可视化',
            env: '测试环境',
            envStyle: '',
            url: 'http://172.100.101.188:38012',
            container: 'jky_sjfxpt_ui_test'
          },
		  {
            name: '数据中心',
            env: '测试环境',
            envStyle: '',
            url: 'http://172.100.101.188:38013',
            container: 'jky_sjzxglpt_ui_test'
          },
		  {
            name: 'RabbitMQ',
            env: '测试环境',
            envStyle: '',
            url: 'http://172.100.101.187:38214',
            container: 'jky_rabbitMq_test'
          }
          ]
        },
		{
          name: '案例库',
          list: [
		  {
            name: '案例库-大连',
            env: '生产环境-智达信息化',
            envStyle: 'danger',
            url: 'http://172.100.100.99:8812',
            container: 'zjb_zsk_ui'
          },
		   {
            name: 'MinIO文件存储-大连',
            env: '生产环境-智达信息化',
            envStyle: 'danger',
            url: 'http://172.100.100.99:9000',
            container: 'zjb_zsk_minio'
          },
          {
            name: '案例库',
            env: '测试环境-省级政务平台',
            envStyle: '',
            url: 'http://172.100.101.188:8812',
            container: 'jky_zsk_ui_test'
          },
          {
            name: 'MinIO文件存储',
            env: '测试环境-省级政务平台',
            envStyle: '',
            url: 'http://172.100.101.187:9000',
            container: 'jky_minIO_test'
          }
          ]
        },
		{
          name: '准点研究院',
          list: [
		  {
            name: '地面公交行业数据共享系统',
            env: '生产环境-准点(智达)',
            envStyle: 'danger',
            url: 'http://172.100.101.182:38004',
            container: 'jky_bus_guild_share_ui_prod'
          },
		  {
            name: 'MinIO文件存储',
            env: '生产环境-准点(智达)',
            envStyle: 'danger',
            url: 'http://172.100.101.181:38206',
            container: 'jky_minio_prod'
          }
          ]
        },
		{
          name: '大连行管平台',
          list: [
		  {
            name: '5A门户',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://59.46.143.74:41000/5a/portal',
            container: '无'
          },
		  {
            name: '行业资源管理',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://59.46.143.74:18088',
            container: 'HG-hyzygl-ui'
          },
		  {
            name: '行业运营监测',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://59.46.143.74:18089',
            container: 'HG-yyjc-ui'
          },
		  {
            name: '行业可视化分析',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://59.46.143.74:18090',
            container: 'hyksh'
          },
		  {
            name: '行业数据审核',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://59.46.143.74:8091',
            container: 'HG-sjsh-ui'
          },
		  {
            name: 'RabbitMQ',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://10.18.24.39:15672',
            container: 'HG-RabbitMQ'
          },
		  {
            name: 'MinIO文件存储',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://10.18.24.42:9000',
            container: 'minio-server'
          }
          ]
        },
		{
          name: '北京-数据湖',
          list: [
          {
            name: '5A门户',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://10.56.3.11:11000',
            container: '无'
          },
          {
            name: '数据探索',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://10.56.3.225:8081',
            container: 'ui_data_explore'
          },
          {
            name: '配置管理系统',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://10.56.3.168:8085',
            container: 'ui_manage_system_pro'
          },
          {
            name: 'Neo4j',
            env: '生产环境',
            envStyle: 'danger',
            url: 'http://10.56.3.232:9401/browser',
            container: 'bigdata-neo4j-server'
          },
          {
            name: '5A门户',
            env: '测试环境',
            envStyle: '',
            url: 'http://10.55.202.224:9306',
            container: '无'
          },          
          {
            name: '数据探索',
            env: '测试环境',
            envStyle: '',
            url: 'http://10.56.3.142:8082',
            container: 'ui_data_explore_test'
          },
          {
            name: '配置管理系统',
            env: '测试环境',
            envStyle: '',
            url: 'http://10.56.3.236:8084',
            container: 'ui_manage_system_test'
          },
          {
            name: 'Neo4j',
            env: '测试环境',
            envStyle: '',
            url: 'http://10.56.3.236:9403/browser',
            container: 'test-neo4j-server'
          }
          ]
        },
        {
            name: '公司常用',
            list: [
            {
              name: 'GitLab',
              env: '华录智达',
              envStyle: 'success',
              url: 'http://172.100.101.104',
              container: '无'
            },
            {
              name: 'Z-CLOUD(外)',
              env: '华录智达',
              envStyle: 'success',
              url: 'https://cloud.zditec.com/zcs/',
              container: '无'
            },
            {
              name: '智库Wiki',
              env: '华录智达',
              envStyle: 'success',
              url: 'http://172.100.100.101:8181/',
              container: '无'
            },
            {
              name: 'OA',
              env: '华录智达',
              envStyle: 'success',
              url: 'http://172.100.100.174:8088',
              container: '无'
            },
            {
              name: 'sonarqube',
              env: '华录智达',
              envStyle: 'success',
              url: 'http://172.100.101.211:39000/',
              container: '无'
            },
            {
              name: 'Worktile',
              env: '华录智达',
              envStyle: 'success',
              url: 'http://172.100.100.52/',
              container: '无'
            }
            ]
        },
        ]
        }
        },
        methods: {
          handleClick(tab, event) {
            console.log(tab, event);
          }
        }
      })
</script>

</html>